<template>
  <div class="personal-center">
    <HeaderControl title="个人中心" />
    <div class="center-content main-content">
      <el-tabs v-model="activeName">
        <el-tab-pane label="账号信息" name="info">账号信息</el-tab-pane>
        <el-tab-pane label="登录日志" name="log">登录日志</el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const activeName = ref('info')
</script>

<style lang='scss' scoped>
.personal-center {
  .center-content {
    margin-top: 20px;
  }
}
</style>